<!DOCTYPE html>
<html>
<head>
	<title>页面编辑</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	<meta content="telephone=no,email=no" name="format-detection">
	
	<script type="text/javascript" src="../js/photoNewBook/jisuan.js"></script>
	<link rel="stylesheet" href="../css/common.css?v={$WST_V}">
   <link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photoNewBook/templet.css"/>
   <link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photoNewBook/layui.css"/>
   <link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photo_edit.css" type="text/css">
	<!--<link rel="stylesheet" type="text/css" href="../default/css/photoNewBook/parentOffspring.css"/>-->
	<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />

    <style type="text/css">

.clearfix>div{
 width: 2.5rem !important;
	height: 1.5rem !important;

}
.webuploader-element-invisible{
	 width: 2.5rem !important;
	height: 1.5rem !important;
}
		.upload_box{width:800px; margin:1em auto;}
		.upload_choose{padding:1em;}
		.upload_drag_area{display:inline-block; width:60%; padding:4em 0; margin-left:.5em; border:1px dashed #ddd; background:#fff url(./drag.png) no-repeat 20px center; color:#999; text-align:center; vertical-align:middle;}
		.upload_drag_hover{border-color:#069; box-shadow:inset 2px 2px 4px rgba(0, 0, 0, .5); color:#333;}
		.upload_preview{border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color:#fff; overflow:hidden; _zoom:1;}
		.upload_append_list{height:300px; position:relative;}
		.upload_delete{margin-left:2em;}
		.upload_image{max-height:250px; padding:5px;}
		.upload_submit{padding-top:1em; padding-left:1em;}
		.upload_submit_btn{display:none; height:32px; font-size:14px;}
		.upload_loading{height:250px; background:url(/study/image/preload.gif) no-repeat center;}
		.upload_progress{display:none; padding:5px; border-radius:10px; color:#fff; background-color:rgba(0,0,0,.6); position:absolute; left:25px; top:45px;}
		.zoomableContainer{
			text-align: center;
			left: 0px !important;
			top: 0px !important;
		}
/*
 *插页图片
 */
	.insert{
		width:100%;
		height:100%;
	}

	.erweima{
		width: 100%;
		height:auto;
		padding-top:0.533333rem;
	}
.text{
	border: none;
}
.logo{
	width: 100%;
}
.shady1{
	z-index: 120;
    position: absolute;
    margin-top: -42%;
   margin-left: 0%;
   width: 100%;
}
.shady2{
	    position: absolute;
    z-index: 120;
   margin-left: 10%;
    margin-top: -80%;
     width: 80%;
}
.shade3{
	z-index: 120;
	display: none;
	margin-left: 0;
}
.point{
	position: relative;
	top: 0;
	display: none;
}

.upload-div{
	display: none;
}

    </style>

</head>

<body>
			
	<div class="whole">
		<!--加载中-->
		<div class="loading"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/loading.gif"></div>
		<!--加载中-->
		<div class="shade4"></div>
		<div class="Conter">		
            <img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/logo.png" class="logo">         
           </div>
		</div>
		<!--制作指示-->
		<div class="shade3"></div>
			<div class="point">
					 <img class="shady1" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/zhishi.png">
					 <img class="shady2"  src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/zhishi1.png">
			</div>
	   <div class="bar1">
		 <span class="Span"></span>/<span class="Span2"></span>
	   </div>

	   <div>
		   <!--当前页-->
			  <input id="current_page" type="hidden" value="1">
		   <!--总页-->
				<input id="all_page" type="hidden" value="">
				<!--<input id="pbId" type="hidden" value="{$pbId}">-->
		   <!--是否为邀请人-->
		   <input id="master" type="hidden" value="">
           <!--检测是否上传过图片-->
           <input id="realPage" type="hidden" value="{$realPage}">
		   <!--模板编号-->
				<input id="ordinal" type="hidden">
		   <!--当前页风格-->
		   <input type="hidden" id="current_ordinal" >
			<!--文字位置-->
				<input id="voice" type="hidden">
			 <!--文字位置-->
				<input id="text" type="hidden">
			 <!--语音转化类型-->
				<input id="type" type="hidden">
			<!--图片库选择结果-->
				<input id="imgdepot" type="hidden">
			<!--图片库选择结果-->
				<input id="photoId" type="hidden">
				<!--去点上传图片的事件-->
				<input id="remove" type="hidden" value="0"/>
			<!--图片库图片的数量-->
			<input type="hidden"  id="quantity" value="{$totalPic}" />
	   </div>
		<!-- 当前页面第几张图片-->
		<input type="hidden" id="direction">
		<!-- 需要回填的图片的位置-->
		<input type="hidden" id="imgbox">

		<input type="hidden" id="insert">
		<!--是否为视频-->
		<input type="hidden" id="isvedio">
		<!-- 微信跨域传图片用access-->
		<input type="hidden" id="accessToken" value="{$accessToken}">
		<!-- 风格-->
		<input type="hidden" id="style" value="">
		<!--插页类型-->
		<input type="hidden" id="formwork">
		<!--保存userId-->
		<input type="hidden" class="userId">
		<!--保存pbId-->
		<input type="hidden" class="pbId">
			<!--进度条-->
			<!--<div class="progresbar">
				<input class="single-slider slider" id="edit-tto-airtempcontrol" type="range" value="0" max="15" \/>
			</div>-->
		<!--上一页，下一页-->
		<!--<div class="subsidiary">
			
		</div>-->
		<div class="previous">
		
		</div>
			<div class="next">
		
			</div>
		<!--功能栏-->
		<div class="FunctionBar">
			<div class="FunctionBar_1">
					<!--<div class="pageturning" data='1'>翻页</div>-->
					<div class="Transfer fileI">图片</div>
					<div class="Transfer2" onclick="Chaye()">插页</div>
					<div class="Transfer3" onclick="moban()">换模板</div>
					<div class="Transfer4" data="1" = "">互换页码</div>
					<div class="warehouse">图片库</div>
			</div>
			<div class="quantity">
				<span class="quantity_span">{$totalPic}</span>
			</div>
		</div>
		<!--互换模板页-->
		<div class="pagination">
			<input type="text" class="pag_input1" maxlength="3"  onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输数字"/>
			<div class="pag_div">互换</div>
			<input type="text" class="pag_input2"  maxlength="3"  onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输数字"/>
		</div>
		<!--主图片库-->
		<div class="warehouse_img">
			<div class="warehouse_div">
				<div class="warehouse_div_1">
				</div>
				<div class="warehouse_div1">
					<div class="uploadToPage" onclick="uploadToPage()">手动排版</div>
					<div class="sctp" onclick="sctp()">删除图片</div>
					<div class="newCompose" onclick="newCompose()"></div>
					<div class="xl" onclick="xl()">收起按钮</div>
				</div>
			</div>		
		</div>
		
		<!--插页模板-->
		<div class="Photolibrary1">
			<div class="affirm">
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/quxiao.png" alt="" class="NO1"/>
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/queding.png" class="OK1"/>
			</div>
			<div class="Images1">

			</div>
		<div class="affirm_1">
			<div class="more">插页</div>
			<div class="more_1">模板</div>
		</div>
		</div>
		<!--选择模板页-->
		<div class="Mould"></div>
		<div class="mouldpage">
			<div class="affirm">
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/quxiao.png" alt="" class="quxiao"/>
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/queding.png" class="queren"/>
			</div>
			<div class="MB">

			</div>

		</div>
		
		<!--选择语音输入方式-->
		<div class="import">
			<!--<div class="Uploadmode1">-->
				<div class="fingerboard">键盘输入</div>
				<div class="characters" onclick="Characters(1)">语音转文字</div>
				<div class="code" onclick="Code(2)">语音转二维码</div>
				<div class="cancel">取消</div>
			<!--</div>-->
		</div>
	<!-- 语音窗口  -->
		<div class="voice1">
		   <div class="yuyin" onclick="startRecord()">
				<b>开始录制</b>
			</div>
			<div class="stop" onclick="stopRecord()">
				<b>录制中</b>
			</div>
			<input type="hidden" id="luyin">
		</div>
		<!--选择图片的方式-->
	<div class="Uploadmode">
				<!--<div class="toPhotolibrary xuanzhuan">图片旋转</div>-->
				<div class="toPhotolibrary" onclick="ToPhotolibrary()">图库选择</div>
				<div class="tocellphone" >手机上传</div>			
					<div class="upload-btn btn-old btnn" onclick="">
						上传视频
						<!--<input type="file" name="fileV" id="fileV" class="fileV ffff"  >-->
					</div>
				<div class="cancel1" onclick="Position()">取消</div>
			</div>
			
		</div>
	<!--图片库-->
		<div class="shade"></div>
		<div class="shade1"></div>
		<div class="Photolibrary" style="background-color: #ffffff">
			<div class="affirm">
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/quxiao.png" alt="" class="NO"/>
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/queding.png" class="OK"/>
			</div>
			<div class="Images">
				<div class="i1">
					<!--<img src="http://www.youyiku-yishu.cn/Upload/WxUpload/2018-03/15198379490276.png" class="s1" onclick="upload()"/>
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/ridus.png" class="ridus"/>
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/gou.png" class="gou"/>-->
				</div>
			</div>
		</div>
	</div>
	<div class="shade3"></div>
	<div class="bullet1">
		<div class="bullet-text">是否删除本页</div>
		<div class="bullet-quxiao">取消</div>
		<div class="bullet-queding">确定</div>
	</div>
	<!--提示信息-->
	<div class="am-g wst-msg-modal" id="wst-msg-modal">
		<div class="wst-modal-content" id="wst-modal-content"></div>
	</div>

	<foot>
		<div class="Foot">
			<div class="Editcontent boundbook">编辑内容</div>
			<div class="thread-boundbook">编辑封面</div>
			<div class="accomplish">
				<p>预览书本</p>
			</div>
		</div>
	</foot>
</body>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js" > </script> 
<script src="../js/setCookie_1.js"></script>
<!--<script src="../js/setCookie_1.js"></script>-->
<!--<script src="../js/photoNewBook/id_templet.js"></script>-->

<!--<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
<script type="text/javascript" src="../js/photoNewBook/layui.js"></script>
<script type="text/javascript" src="../js/photoNewBook/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/photoNewBook/ajax.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/zepto.min.js"></script>-->
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/iscroll-zoom.js"></script>-->
<script type="text/javascript" src="../js/photoNewBook/ajaxfileupload.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/touch.min.js"></script>-->
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/cat.touchjs.js"></script>-->
<script type="text/javascript" src="../js/qrjs2.min.js"></script>
<script type="text/javascript" src="../js/jQueryRotate.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/exif.js" ></script>-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
    var WST = ThinkPHP = window.Think = {
            "ROOT"   : "__ROOT__",
            "APP"    : "__APP__",
            "PUBLIC" : "__PUBLIC__",
            "DEEP"   : "{:C('URL_PATHINFO_DEPR')}",
            "MODEL"  : ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
            "VAR"    : ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"],
            "DOMAIN" : "{:WSTDomain()}",
            "CITY_ID" : "{$currArea['areaId']}",
            "CITY_NAME" : "{$currArea['areaName']}",
            "DEFAULT_IMG": "{:WSTDomain()}/{$CONF['goodsImg']}",
            "MALL_NAME" : "{$CONF['mallName']}",
            "SMS_VERFY"  : "{$CONF['smsVerfy']}",
            "PHONE_VERFY"  : "{$CONF['phoneVerfy']}",
            "IS_LOGIN" :"{$WST_IS_LOGIN}",
            "WST_STYLE" :"{$WST_STYLE}"
        }
</script>
<script>
    wx.config({
        debug: false,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp:'<?php echo $signPackage["timestamp"];?>',
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'startRecord','stopRecord','translateVoice','uploadVoice','chooseImage','previewImage','uploadImage','getLocalImgData'
        ]
    });
</script>
<!--<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/html2canvas.js"></script>-->
<script src="../js/photoNewBook/zxxFile.js"></script>
<!--<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/mui.min.js "></script>-->
<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />
<!--<script src="../js/think.js"></script>-->
<script src="../js/photoNewBook/e-smart-zoom-jquery.min.js"></script>

<script type="text/javascript" src="../js/photoNewBook/webuploader.min.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/titlpage.js"></script>-->
<script src="../js/photoNewBook/script.js"></script>
<!--<script src="https://cdn.bootcss.com/zepto/1.1.6/zepto.min.js"></script>-->
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/diyUpload.js"></script>-->
<!--<script class="parent" type="text/javascript" src="../js/photoNewBook/parentOffspring.js"></script>-->
<script type="text/javascript" src="../js/photoNewBook/templet.js"></script>
<script>
//function photoedit(m){
//	  $('.Uploadmode').css('display','inline');
//	      	var pbId=$("#pbId").val();
//	      	var page=$("#current_page").val();
//	     	var $targetObj=this.$('.targetObj_'+m);
//	     	console.log($targetObj);
//	        ($targetObj).smartZoom({'containerClass':'zoomableContainer'});
//	        function zoomButtonClickHandler(e){
//	
//	            var scaleToAdd = 0.8;
//	
//	            if(e.target.id == 'zoomOutButton')
//	
//	                scaleToAdd = -scaleToAdd;
//	
//	           ($targetObj).smartZoom('zoom', scaleToAdd);
//	        }        
//	
//	        function moveButtonClickHandler(e){
//	
//	            var pixelsToMoveOnX = 0;
//	
//	            var pixelsToMoveOnY = 0;
//				
//	            ($targetObj).smartZoom('pan', pixelsToMoveOnX, pixelsToMoveOnY);
//	         
//				
//	        } 
//	        
//};
</script>

<script type="text/javascript">

</script>
</html>

